<template>
  <div class="app-container2">
    <el-form
      :model="ruleForm"
      :rules="rules"
      ref="ruleForm"
      label-width="100px"
      class="ruleForm"
    >
      <el-form-item label="管理组织">
        <el-input v-model="ruleForm.name"></el-input>
      </el-form-item>
      <el-form-item label="访问地址">
        <el-input v-model="ruleForm.name"></el-input>
        <div  style="display: flex">
          <div >可通过此链接地址访问</div>
          <div
            
            style="margin-left: 20px; color: #1e90ff; cursor: pointer"
          >
            复制链接
          </div>
          <div
            
            style="margin-left: 20px; color: #1e90ff; cursor: pointer"
          >
            点击进入
          </div>
        </div>
      </el-form-item>
      <el-form-item label="密码状态">
        <el-switch
          v-model="value"
          active-color="#ff4d4f"
          inactive-color="#cccccc"
        >
        </el-switch>
      </el-form-item>
      <el-form-item label="访问密码" v-if="value">
        <el-input v-model="ruleForm.name"></el-input>
        <div >
          设置密码,则需要访问地址和密码才能访问。密码规则：6-16的字母或者数字组成
        </div>
      </el-form-item>
      <div  style="display: flex;justify-content: center;">

          <el-button type="danger">保存</el-button>
          <el-button @click="submit">取消</el-button>
        </div>
    </el-form>
  </div>
</template>

<script>
// import { } from "@/api/card/home";
export default {
  data() {
    return {
      loading: false,
      value: false,
      dialogVisible: false,
      list: [],
      ruleForm: {
        pageNum: 1,
        pageSize: 10,
        total: 0,
      },
      rules: {
        name: [{ required: true, message: "请输入活动名称", trigger: "blur" }],
      },
    };
  },
  methods: {
    submit() {
      
    },
    //切换分页
    handleCurrentChange(val) {
      this.loading = true;
      this.ruleForm.pageNum = val;
    },
    //切换总条数
    handleSizeChange(val) {
      this.loading = true;
      this.ruleForm.pageSize = val;
    },
  },
  created() {},
};
</script>

<style lang="scss" scoped>
.ruleForm {
  width: 800px;
  margin: 0 auto;
}
</style>
